.container {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.left-navbar {
  width: 20%;
}

.nav-item {
  padding: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.nav-item:first-child {
  background-color: #005ea2;
  color: white;
  text-align: center;
  font-size: 20px;
}

.nav-item:nth-child(2) {
  background-color: #e6f1ff;
  color: #005ea2;
  border: 1px solid #dee2e6;
  border-top: none;
}

.nav-item:last-child {
  background-color: white;
  color: #333;
  border: 1px solid #dee2e6;
  border-top: none;
}

.active {
  font-weight: bold;
}

/* 鼠标移入效果 */
.nav-item:not(.active):hover {
  background-color: #f0f5fa;
  color: #005ea2;
}

.right-content {
  width: 80%; /* 减小内容区宽度，增大间距 */
  margin-left: 5%; /* 增大间距 */
}

.notice-item {
  border-bottom: 1px solid #dee2e6;
  padding: 15px 0; /* 增加上下间距 */
}

.notice-item:last-child {
  border-bottom: none;
}

.notice-item a {
  color: #333;
  text-decoration: none;
  font-size: 20px; /* 增大字体 */
}

.date {
  float: right;
  color: #6c757d;
  font-size: 16px; /* 增大日期字体 */
}
